@charset "utf-8";
/* CSS Document */

 a{  text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());color:#666666; font-family:"微软雅黑"}
 a:visited{text-decoration:none ;}
 a:active{text-decoration:none;}
 a:hover{ color:#0f3b70;outline:none;text-decoration:none;}
 .mlogo{ display:none}
body, div, p, span, ul, li, dl, dd, h1, h2, h3, a, input, img {
    margin: 0;
    padding: 0;
}

.container-fluid {padding-right: 0px;  padding-left: 0px;}

@media (min-width: 1250px) {
    .container{
        width: 1250px;
    }
}


@media (min-width: 1500px) {
  
}


html {font-size:62.5%;}
body{ background:#FFF; font-family:"微软雅黑"; font-size:14px; font-size:1.4em;}

/*top*/
.top_nav{ background:#02429a; color:#ffffff; line-height:40px;}
.top_nav .wz{ color:#ffffff; font-size:13px; text-align:left}
.top_nav .wz1{ color:#ffffff; font-size:13px; text-align:right}
.top_nav .wz1 span{ font-size:15px; color:#ffffff; }
.top_nav .wz1 i{ font-size:20px; padding-right:10px;}


.wz{ text-align:right}

.top{z-index:9999;width:100%; background:#ffffff; border-bottom:1px solid #eeeeee; height:100px;} 
.top .logo{width:20%;float:left; padding:25px 0 10px}
.top .logo img{height:56px;}
.top .line{width:1px;height:55px;background:#D8D8D8;display:block;float:left;margin-left:12px;margin-top:24px;}
.top .top_txt{padding:18px 0 16px 13px;line-height:32px;float:left;font-size:18px;color:#5f5f5e;}
.top .top_right{padding:0px 1px;float:right; width:11%; margin-top:35px; text-align:center; display:block; background:#159997; padding:8px 0; color:#FFF; font-size:16px; font-weight:bold}
.topfix{ position:fixed; top:0; left:0; z-index:100000}

/*nav*/
#navbg{ width:68%; transition:0.4s; float:right;}
#navbg .nav ul{margin-bottom:0;}
#navbg .nav .firstfloor>li{display:inline-block;float:left;height:100px;line-height:110px;font-size:15px;text-align:center;position:relative;color:#FFF;cursor:pointer;position:relative;}
#navbg .nav .firstfloor>li>a{display:block;height:100px; padding:0 24px;color:#000000;}
#navbg .nav .firstfloor>li:hover{ background:url(../images/nav_h.png) repeat-x bottom center;}
#navbg .nav .firstfloor>li:hover>a{color:#000000;}
#navbg .nav .secondfloor{position:absolute;left:0;top:100px;z-index:9999;display:none;background:rgb(255,255,255);width:100%;border-top:none;box-sizing:border-box;}
#navbg .nav .secondfloor>li{border-bottom:1px solid #E4EAEC;width:100%;line-height:40px;height:40px;font-size:13px;margin-left:0;position:relative;}
#navbg .nav .secondfloor>li>a{width:100%;height:100%;display:block;color:#76838F;}
#navbg .nav .secondfloor>li:hover>a{background:#159997;color:#FFF;}
#navbg .nav .secondfloor>li>.navr{position:absolute;left:100%;top:0;padding:0 10px;background:#FFF;display:none;width:200px;}
#navbg .nav .secondfloor>li:hover>.navr{display:block;}
#navbg .nav .secondfloor>li>.navr>a{display:block;display:inline-block;height:40px;line-height:40px;border-bottom:1px solid #E4EAEC;}





.ad{ background:#0474c3; color:#FFF; line-height:25px; padding:15px 0}
.ad a{ color:#FFF;}

@media (max-width: 1499px) {
.top .top_right{ width:12%; font-size:14px;}
#navbg .nav .firstfloor>li>a{ padding:0 15px}
}

@media (max-width: 1249px) {
.top .top_right{ display:none;}
#navbg{ width:68%;}
#navbg .nav .firstfloor>li>a{ padding:0 11px}
}


#mobilehead .nav{ display:none}
/*mobilehead*/
#mobilehead{ width:100%}
#mobilehead .logo{width:calc(100% - 120px);height:70px;float:left;}
#mobilehead .nav{float:right;}
#mobilehead .nav_bg{display:none;position:fixed;top:105px;left:0;z-index:989;width:100%;height:calc(100% - 70px);background:rgba(0, 0, 0, 0.6);animation:fade-in .43s ease 0s;-webkit-animation:fade-in .43s ease 0s;}
#mobilehead .nav .nav_box{display:none;position:absolute;top:70px;left:0;z-index:991;width:100%;overflow:auto;border-top:1px solid #eee;background:#fff;box-sizing:border-box;}
#mobilehead .nav .nav_one>li{border-bottom:1px solid #eee;padding:0 10px;}
#mobilehead .nav .nav_one>li>span>a{display:block;position:relative;width:calc(100% - 150px);height:42px;box-sizing:border-box;font-size:15px;color:#666;line-height:42px;float:left;}
#mobilehead .nav .nav_one>li>span>i{float:right;display:block;width:150px;height:42px;}
#mobilehead .nav .nav_one>li>span>i>em{float:right;width:42px;height:42px;background:url(../images/+.png) no-repeat center center;-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;display:block;}
#mobilehead .nav .nav_one>li>span>i>em.on{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#mobilehead .nav .nav_one>li>ul{display:none;}
#mobilehead .nav .nav_one>li>ul>li{height:36px;line-height:36px;text-indent:20px;}
#mobilehead .nav .nav_one>li>ul>li>a{font-size:15px;color:#666;width:100%;height:100%;display:block;}
#mobilehead .nav .push-nav{display:block;position:relative;z-index:998;width:54px;height:50px;font-size:0;margin-right:8px;background:rgba(138,138,138,.5);margin-top:10px;border-radius:5px;}
#mobilehead .nav .push-nav .nav-toggle{display:block;position:absolute;left:50%;top:50%;border:0;border-radius:4px;cursor:pointer;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#mobilehead .nav .push-nav.on .nav-toggle{margin-left:-4px;}
#mobilehead .nav .push-nav .nav-toggle span{display:block;position:relative;z-index:1;width:37px;height:2px;margin:0 0 10px auto;background:#8a8a93;border-radius:3px;-webkit-transform-origin:35px;transform-origin:35px;-webkit-transition:all .5s;transition:all .5s;}
#mobilehead .nav .push-nav .nav-toggle span.two{width:30px;}
#mobilehead .nav .push-nav .nav-toggle span:last-child{margin-bottom:0;}
#mobilehead .nav .push-nav.on .nav-toggle span{ opacity:1;}
#mobilehead .nav .push-nav.on .nav-toggle span:nth-child(3){-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#mobilehead .nav .push-nav.on .nav-toggle span:nth-child(2){-webkit-transform:scale(0);transform:scale(0);}
#mobilehead .nav .push-nav.on .nav-toggle span:nth-child(1){-webkit-transform:rotate(-45deg);transform: rotate(-45deg);}
#mobilehead .nav .nav_contact{position:relative;border-top:1px solid #eee;color:#666;}
#mobilehead .nav .nav_contact .nav_txt{width:100%;}
#mobilehead .nav .nav_contact .nav_txt span{height:42px;line-height:42px;display:block;float:left;position:relative;text-indent:15px;margin-left:10px;font-size:15px;}
#mobilehead .nav .nav_contact .nav_txt span a{color:#666;}
#mobilehead .nav .nav_contact .nav_txt span.sitemapicon{background:url(../images/mobilesitemap.png) no-repeat left center;background-size:auto 15px;}
#mobilehead .nav .nav_contact .nav_txt span.topphoneicon{background:url(../images/mobilephone.png) no-repeat left center;background-size:auto 15px;}
#mobilehead .nav .nav_contact .nav_txt span.topemailicon{background:url(../images/mobileemail.png) no-repeat left center;background-size:auto 15px;text-indent:25px;}
/* 响应式样式结束 */



/*公用标题*/
.cpzs{  padding-bottom:30px;  overflow:hidden}
.cpzs .cpzs_bt{ padding:40px 0 25px; text-align:center}
.cpzs .cpzs_bt .fwxm_bt1{ font-size:45px; color:#313131; font-weight:bold; }
.cpzs .cpzs_bt .fwxm_bt2{ font-size:16px; font-weight:bold; color:#159997; margin:-8px 0}
.cpzs .cpzs_bt .fwxm_bt3{ font-size:15px; color:#9b9b9b;  padding:5px 0;}


@media (max-width : 1600px) {
 #navbg .nav .secondfloor{width: 140px;}
}


@media (max-width : 1200px) {
.cpzs .cpzs_bt .fwxm_bt2{ background:none}
}


@media (max-width : 768px) {
.cpzs .cpzs_bt .fwxm_bt1{ font-size:30px; color:#333333; font-weight:bold }
.cpzs .cpzs_bt .fwxm_bt2{ font-size:13px; color:#545454;}
#mobilehead .nav{ display:block}
.mlogo img{ margin-top:10px; height:50px; margin-left:10px}
}

@media (max-width : 499px) {
.cpzs .cpzs_bt .fwxm_bt1{ font-size:20px; color:#333333; font-weight:bold }
.cpzs .cpzs_bt .fwxm_bt2{ font-size:12px; color:#545454;}

}





/*业务范围*/
.mxcp{ background:#f3f3f3; height:auto; overflow:hidden}
.cp_bj{ background:#FFF; margin:0 8px; padding-bottom:15px;}
.center .slid_img1{ font-size:16px; color:#333333; font-weight:bold}
.center .slid_img1 img{max-width:100%; padding:20px 0 15px 0;}
.center .slid_img2{ background:#ffffff;  overflow:hidden; margin:15px 18px 0 18px;}
.center .slid_img2 .slid_img2_1{ color:#FFF; text-align:left; border-top:1px dashed #ababab; color:#666666;  padding:15px 0; font-size:14px; line-height:1.6}
.center .slid_img2 .slid_img2_2{ padding-top:15px;  text-align:center; padding-bottom:5px;}
.center .slid_img2 .slid_img2_2 a{ color:#cdcdcd; margin:0 auto; border:1px solid #d8d9db; padding:5px 8px; font-size:13px; border-radius:15px;}

.center .slick-prev{ display:none !important}
.center .slick-next{ display:none !important}




/*产品展示*/
#cp{ position:relative;overflow:hidden; background:#159997; padding:50px 0}
.cp_bt{ font-size:45px; font-weight:bold; color:#FFF;}
#cp .cp_1{ line-height:1.6; color:#ffffff; margin-top:10px;}
#cp .cp_2 a{ width:23.8%; margin-left:1.6%; display:block; float:left; text-align:center; color:#FFF; border:1px solid  #FFF; height:44px; line-height:44px; margin-top:10px; transition:0.2s;}
#cp .cp_2 a.hover{background:#ffffff; color:#01cfba}
#cp .cp_2 a:hover{ background:#ffffff; color:#01cfba}
#cp .cp_2 a:first-child{margin-left:0;}
#cp .cpgd1{ margin-top:50px;}
#cp .cpgd2{ margin-top:15px;}
#cp .center1 .cp_tu{ margin:0 8px;}
#cp .center1 .cp_tu img{ max-width:100%; border:5px solid #FFF;}
#cp .center1 .cp_zi{ margin:0 8px;}
#cp .center1 .cp_zi a{ line-height:35px; color:#FFF}

#cp .center1 .slick-prev{ display:none !important}
#cp .center1 .slick-next{ display:none !important}
.pi_content .center1 .slick-prev{ display:none !important}
.pi_content .center1 .slick-next{ display:none !important}

.pi_content .center1 .cp_tu{ margin:0 8px;}
.pi_content .center1 .cp_tu img{ max-width:100%; border:5px solid #FFF;}
.pi_content .center1 .cp_zi{ margin:0 8px;}
.pi_content .center1 .cp_zi a{ line-height:35px; color:#FFF}


/*作用*/
.zy_nr{ background:#FFF; padding:40px 20px; overflow:hidden; position:relative; transition:0.2s; margin-top:20px;}
.zy_1{width:calc(100% - 140px); float:left; line-height:1.8 ;transition:0.2s}
.zy_tu1{ border:3px solid #efefef; border-radius:50%;top: 50%;transform: translateY(-50%); position:absolute; right:20px; width:133px; height:133px; background:url(../images/z1.png) no-repeat center center;transition:0.2s}
.zy_tu2{ border:3px solid #efefef; border-radius:50%;top: 50%;transform: translateY(-50%); position:absolute; right:20px; width:133px; height:133px; background:url(../images/z2.png) no-repeat center center;transition:0.2s}
.zy_tu3{ border:3px solid #efefef; border-radius:50%;top: 50%;transform: translateY(-50%); position:absolute; right:20px; width:133px; height:133px; background:url(../images/z3.png) no-repeat center center;transition:0.2s}
.zy_tu4{ border:3px solid #efefef; border-radius:50%;top: 50%;transform: translateY(-50%); position:absolute; right:20px; width:133px; height:133px; background:url(../images/z4.png) no-repeat center center;transition:0.2s}

.zy_1_1{ font-size:24px; font-weight:bold;}
.zy_1_2{ color:#787878;transition:0.2s; min-height:110px;}

.zy_nr:hover{ background:#159997}
.zy_nr:hover .zy_1{ color:#FFF}
.zy_nr:hover .zy_1_2{ color:#FFF}
.zy_nr:hover .zy_tu1{border:3px solid #159997;background:url(../images/z1_h.png) no-repeat center center; }
.zy_nr:hover .zy_tu2{border:3px solid #159997;background:url(../images/z2_h.png) no-repeat center center; }
.zy_nr:hover .zy_tu3{border:3px solid #159997;background:url(../images/z3_h.png) no-repeat center center; }
.zy_nr:hover .zy_tu4{border:3px solid #159997;background:url(../images/z4_h.png) no-repeat center center; }
@media (max-width :992px) {
	.zy_1_2{ color:#787878;transition:0.2s; min-height:235px;}
}

@media (max-width :768px) {
	.cp_bt{font-size: 20px;}
.zy_1{width:calc(100% - 80px); float:left; line-height:1.8 ;transition:0.2s}
.zy_1_1{ font-size:18px; font-weight:bold;}	
	.zy_1_2{ color:#787878;transition:0.2s; min-height:110px;}
.zy_tu1{  width:78px; height:78px; background:url(../images/z1.png) no-repeat center center; background-size:40px; right:10px }
.zy_tu2{  width:78px; height:78px; background:url(../images/z2.png) no-repeat center center; background-size:40px; right:10px }
.zy_tu3{  width:78px; height:78px; background:url(../images/z3.png) no-repeat center center; background-size:40px;  right:10px }
.zy_tu4{  width:78px; height:78px; background:url(../images/z4.png) no-repeat center center; background-size:40px;  right:10px }

.zy_nr:hover .zy_tu1{border:3px solid #159997;background:url(../images/z1_h.png) no-repeat center center;  background-size:40px;}
.zy_nr:hover .zy_tu2{border:3px solid #159997;background:url(../images/z2_h.png) no-repeat center center; background-size:40px; }
.zy_nr:hover .zy_tu3{border:3px solid #159997;background:url(../images/z3_h.png) no-repeat center center; background-size:40px; }
.zy_nr:hover .zy_tu4{border:3px solid #159997;background:url(../images/z4_h.png) no-repeat center center; background-size:40px; }
.mlogo{ display:block}
}


/*定制*/

.dz{ background:url(../images/dz.jpg) no-repeat top center; padding:30px 0 90px}
.dz1{ text-align:right; color:#FFF; font-size:40px; font-weight:bold}
.dz2{ text-align:right; color:#FFF; font-size:18px; padding:20px 0}
.dz3{ font-size:18px; text-align:right; color:#FFF; padding-top:20px;}
.dz3 a{ background:#159997; color:#FFF; font-size:16px; padding:8px 50px; border-radius:20px;}

@media (max-width :767px) {
.dz3 a{  padding:8px 20px;}
}


@media (max-width :414px) {
.dz1{ font-size:30px;}
.dz2{ font-size:16px;}
.dz3{ font-size:14px;}
.dz3 a{  padding:8px 20px; font-size:12px;}
}

/*实力*/
.sl{ background:#ffffff;}

.youshi .ys_content{margin-top:15px;width:100%;overflow:hidden;position:relative;}
.youshi .ys_content .ys_li{width:calc(10% - 6px);height:533px;float:left;position:relative; margin:0 3px; color:#FFF }
.youshi .ys_content .ys1{ background:url(../images/01.jpg) no-repeat center center}
.youshi .ys_content .ys1_bj{ background:url(../images/01_h.jpg) no-repeat center center; }
.youshi .ys_content .ys2{ background:url(../images/02.jpg) no-repeat center center}
.youshi .ys_content .ys2_bj{ background:url(../images/02_h.jpg) no-repeat center center; }
.youshi .ys_content .ys3{ background:url(../images/03.jpg) no-repeat center center}
.youshi .ys_content .ys3_bj{ background:url(../images/03_h.jpg) no-repeat center center; }
.youshi .ys_content .ys4{ background:url(../images/04.jpg) no-repeat center center}
.youshi .ys_content .ys4_bj{ background:url(../images/04_h.jpg) no-repeat center center; }
.youshi .ys_content .ys5{ background:url(../images/05.jpg) no-repeat center center}
.youshi .ys_content .ys5_bj{ background:url(../images/05_h.jpg) no-repeat center center; }
.youshi .ys_content .ys6{ background:url(../images/06.jpg) no-repeat center center}
.youshi .ys_content .ys6_bj{ background:url(../images/06_h.jpg) no-repeat center center; }


.youshi .ys_content .ys_li .icon{ text-align:center; font-size:48px; font-family:Impact; color:#FFF; padding-top:120px;}
.youshi .ys_content .ys_li .ys_1{ text-align:center; padding:20px 0 10px; font-size:18px; }
.youshi .ys_content .ys_li .ys_2{ text-align:center; font-size:14px;}
.youshi .ys_content .ys_li .ys_3{ text-align:center; padding-top:150px;}


.youshi .ys_content .ys_txt{height:533px;float:left;width:calc(50% - 6px);overflow:hidden; margin: 0 3px;background-size:cover }

.youshi .ys_content .ys_txt .ys_p{width:calc(50% - 6px); position:absolute; bottom:0; background:#FFF; opacity:0.9; padding:30px 0}
.youshi .ys_content .ys_txt .ys_p div{ width:85%; margin:0 auto}
.youshi .ys_content .ys_txt .ys_p p:first-child{font-size:48px;color:#159997;font-weight:bold; }
.youshi .ys_content .ys_txt .ys_p p:last-child{font-size:14px;color:#787878;line-height:24px;width:calc(100% - 70px); margin-left:10px; }
.youshi .ys_content .ys_li.on{background:#FF9A0E; display:none}
.youshi .ys_content .ys_li.on .ys_txt{display:block;}
.youshi .ys_content .ys_li.on .icon{background:url(../images/yrarrow.png) no-repeat center center #FFF;background-size:30% auto;}
.youshi .ys_content .ys_li.on .span{border-right:none;}
.youshi .more_btn{width:374px;height:42px;margin:0 auto;margin-top:53px;}
.youshi .more_btn a{display:block;height:40px;border:1px solid #C8C8C8;line-height:40px;text-align:center;color:#666;width:169px;color:#848484;border-radius:20px;}


.youshi1 .ys_content{margin-top:15px;width:100%;overflow:hidden;position:relative;}
.youshi1 .ys_content .ys_li{width:85px;height:439px;background: -webkit-linear-gradient(left top,rgba(23,154,152,1) 0%,rgba(0,0,0,0) 100%);
background: -moz-linear-gradient(bottom right,rgba(23,154,152,1) 0%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(bottom right,rgba(23,154,152,1) 0%,rgba(0,0,0,0) 100%); 
background: -ms-linear-gradient(to bottom right,rgba(23,154,152,1) 0%,rgba(0,0,0,0) 100%);float:left;position:relative;border-left:1px solid #ae2617;border-image: -webkit-linear-gradient(180deg, rgba(23,154,152,1) 0%, rgba(0,0,0,0) 100%) 2 2 2 2;
			border-image: -moz-linear-gradient(180deg, rgba(23,154,152,1) 0%, rgba(0,0,0,0)  100%) 2 2 2 2;
			border-image: -o-linear-gradient(180deg, rgba(23,154,152,1) 0%, rgba(0,0,0,0)  100%) 2 2 2 2;
			border-image: linear-gradient(180deg, rgba(23,154,152,1) 0%, rgba(0,0,0,0)  100%) 2 2 2 2;}
.youshi1 .ys_content .ys_li:first-child{border-left:none;}
.youshi1 .ys_content .ys_li .icon{width:43px;height:43px;background:url(../images/yuan.png) no-repeat center center;border-radius:50%;position:absolute;top:20px;left:21px;background-size:70% auto; text-align:center; line-height:43px; color:#FFF}
.youshi1 .ys_content .ys_li span{font-size:20px;text-align:center;display:block;color:#FFF;line-height:22px;padding-top:65px;width:84px;height:394px;cursor:pointer;float:left; }
.youshi1 .ys_content .ys_li span i{font-weight:bold;font-style:normal;}
.youshi1 .ys_content .ys_txt{height:439px;float:left;width:calc(100% - 595px);overflow:hidden;background-repeat:no-repeat;background-position:right 43px top;}
.youshi1 .ys_content .ys_txt.youshiimg{background: -webkit-linear-gradient(left top,rgba(23,154,152,1) 0%,rgba(0,0,0,0) 100%);
background: -moz-linear-gradient(bottom right,rgba(23,154,152,1) 0%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(bottom right,rgba(23,154,152,1) 0%,rgba(0,0,0,0) 100%); 
background: -ms-linear-gradient(to bottom right,rgba(23,154,152,1) 0%,rgba(0,0,0,0) 100%);}

.youshi1 .ys_content .ys_txt .ys_p{width:90%; margin:0 auto; padding-top:45px;}
.youshi1 .ys_content .ys_txt .ys_p p{margin:0;}
.youshi1 .ys_content .ys_txt .ys_p em{font-size:24px;color:#ffffff;font-style:normal;vertical-align:top;width:57px;height:57px; text-align:center;background:url(../images/yuan.png) no-repeat center center;border-radius:50%; display:block; float:right}
.youshi1 .ys_content .ys_txt .ys_p p:first-child{font-size:26px;color:#ffffff;font-weight:bold; height:57px; line-height:57px;}
.youshi1 .ys_content .ys_txt .ys_p p:last-child{font-size:14px;color:#ffffff;margin-top:10px;line-height:30px;}
.youshi1 .ys_content .ys_li.on{background:#FF9A0E; display:none}
.youshi1 .ys_content .ys_li.on .ys_txt{display:block;}
.youshi1 .ys_content .ys_li.on .icon{background:url(../images/yrarrow.png) no-repeat center center #FFF;background-size:30% auto;}
.youshi1 .ys_content .ys_li.on .span{border-right:none;}
.youshi1 .more_btn{width:374px;height:42px;margin:0 auto;margin-top:53px;}
.youshi1 .more_btn a{display:block;height:40px;border:1px solid #C8C8C8;line-height:40px;text-align:center;color:#666;width:169px;color:#848484;border-radius:20px;}




@media screen and (max-width:1350px){
	#youshibg{padding:0px 0 40px;}
	.youshi1 .ys_content .ys_txt{background-size:30% auto;background-position:right 20px center;}
}

@media screen and (max-width:1200px){
	.youshi .ys_content .ys_li{height:358px;}
	.youshi .ys_content .ys_txt{height:358px;}
	
	.youshi1 .ys_content .ys_li{width:46px;height:358px;}
	.youshi1 .ys_content .ys_li .icon{width:25px;height:25px;background:#179a98;border-radius:50%;position:absolute;top:12px;left:2px; text-align:center; line-height:25px; color:#FFF}
	.youshi1 .ys_content .ys_li span{width:45px;font-size:14px;padding-top:50px;height:333px; line-height:16px;}
	.youshi1 .ys_content .ys_txt{width:calc(100% - 322px);height:358px;}
	.youshi1 .ys_content .ys_txt .ys_p{padding-top:10px;}

}


/*关于我们*/
.about{ background:url(../images/about_tu.jpg) no-repeat center center; background-size:cover; padding:20px 0 60px; margin-top:0px;}
.about_nr{ text-align:center; line-height:1.8; font-size:18px; color:#737373; overflow:hidden;}
.about_z{ text-align:center; margin-top:50px;}
.about_z a{padding: 10px 60px;color: #169a98; border:1px solid #169a98;font-size: 15px;      margin-left: 20px;    transition: 0.3s;  }
.about_z a.on{ background:#169a98; color:#ffffff;}
.about_z a:hover{background:#169a98; color:#ffffff;}

.about_x{ margin-top:55px;} 
.about_x_nr{ text-align:center}
.about_x_nr  .about_x_nr_zi{ color:#169a98; line-height:1.8; font-size:18px; padding-top:5px;}
.about_x_nr  .about_x_nr_zi span{ font-size:14px;}


@media screen and (max-width:991px){
.about_nr{ font-size:14px;}
.about_z a{padding: 8px 40px;font-size: 13px;      margin-left: 10px}	
}


.di_nav{ background:#159997; height:80px;}
.di_nav ul li{ line-height:80px; width:12.5%; float:left; font-size:15px; text-align:center; position:relative}
.di_nav ul li a{ color:#6cbfbe}

.di_nav ul>li:before {
    content: '';
    width: 1px;
    height: 32px;
    background: #2da3a2;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.di_nav ul>li:last-child:before{content:none;}
/*news*/

 .news_title{ position:relative; height:58px}
 .news_title span{display:inline-block;font-size:16px;position:relative;text-align:center;padding:0;line-height:48px;height:48px;cursor:pointer;color:#3f3f3f;background:#eeeeee; width:50%; float:left; border-right:1px solid #ffffff}

 .news_title span.hover{ background:#159997; color:#FFF}
 .news_item{ margin-top:15px;}
 .news_title span.hover .san {
    position: absolute;
    left: 50%;
    margin-left: -10px;
    bottom: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #159997;
    display: block;
}


.news{ background:#f2f2f2; padding:20px 0 40px}
.news .newsbj{ background:#FFF; overflow:hidden; padding:30px}
.news_s{ overflow:hidden; border-bottom:1px solid #f2f2f2; padding-bottom:30px;}
.news_tu img{ max-width:100%;}

.news_nr{ margin-top:10px;}
.news_bt a{ font-size:22px; color:#333333; font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_nr{ line-height:1.8; color:#666666; font-size:13px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news_rq{ font-size:12px; padding-top:5px; color:#999999}



/*问答*/
.news_x{ padding-top:30px; overflow:hidden}
.cq_bt{ overflow:hidden}
.cq_bt_1{ font-size:24PX; font-weight:bold; color:#1c1c1c; line-height:1}
.cq_bt_1 span{ font-size:12px; font-weight:bold}
.cq_bt_2{ margin-top:13px;}
.wd{ margin-top:20px;}
.wd_bt {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wd_bt i{ font-size:20px; color:#00a8ac; margin-right:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin-top:5px;}
.wd_bt a{ font-size:16px; color:#333333}
.wd_nr{ line-height:1.8; margin:10px 0; font-size:13px; color:#777777;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; min-height:46px}
.wd_h{ color:#e0e0e0;}
.wd_h span{ color:#999999; font-size:12px;}


@media screen and (max-width:1199px){
.news_bt a{ font-size:16px;}
.news_tu{ margin-top:20px;}
}



/**/
.footer{ background:#0a0a0a; padding:30px 0 40px}
.f_t{overflow:hidden; margin-top:30px;}
.f_t_tu img{ max-width:100%}
.f_t_zi{ float:left; width:calc(100% - 72px); margin-left:8px;}
.f_t_zi .ft_1{ font-size:29px; color:#FFF}
.f_t_zi .ft_2{ font-size:15px; color:#5d5d5d}
.f_t_zi .ft_3{ font-size:16px; color:#FFF; padding:5px 0}


 /*友情链接*/
.yqlj_bt{ font-size:16px; color:#FFF; padding:30px 0 10px 0}
.yqlj_nr a{ padding:5px; display:block; float:left; color:#5d5d5d;}


/*底部*/



#footer_di{ background:#000000; padding:25px 0; }
#footer_di .bq{ text-align:center; margin:0 auto; color:#5d5d5d}
#footer_di .bq a{ color:#5d5d5d}




/*992屏幕*/
@media screen and (max-width:991px){
	#mobilehead{display:block;}
	.top{display:none;}
	#navbg{display:none;}
	#mobilehead.mhead{position:fixed;z-index:9999;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);top:0;}
	#mobilehead .nav_bg.nav_bg1{top:70px;height:calc(100% - 70px);}
	#mobilehead .nav .nav_box.nav_box1{top:70px;}

	.youshi1 .ys_content .ys_li{width:100%;height:50px;border-left:none;border-top:1px solid #FFF;}
	.youshi1 .ys_content .ys_li:first-child{border-top:none;}
	.youshi1 .ys_content .ys_li span{width:100%;height:50px;line-height:50px;padding-top:0;text-align:left;padding-left:30px;}
	.youshi1 .ys_content .ys_li span br{display:none;}
	.youshi1 .ys_content .ys_li .icon{right:15px;left:auto;bottom:12px;}
	.youshi1 .ys_content .ys_li.on .icon{transform:rotate(90deg);
										-ms-transform:rotate(90deg);/* IE 9 */
										-moz-transform:rotate(90deg);/* Firefox */
										-webkit-transform:rotate(90deg);/* Safari 鍜� Chrome */
										-o-transform:rotate(90deg);}
	.youshi1 .ys_content .ys_txt{width:100%;height:auto;float:none;background-size:auto 100%;}
	.youshi1 .ys_content .ys_txt .ys_p{padding:20px 20px;margin-top:0;margin-left:0;width:calc(100% - 0px);}
	.youshi1 .ys_content .ys_txt .ys_p p:first-child {    font-size: 20px;    color: #ffffff;    font-weight: bold;    height: 45px;    line-height: 45px;}
	.youshi1 .ys_content .ys_txt .ys_p em {    font-size: 24px;    color: #ffffff;    font-style: normal;    vertical-align: top;    width: 45px;    height: 45px;    text-align: center; background:#179a98;   border-radius: 50%;
    display: block;    float: right;}
	
	
    .p_left{display:none;}
	.p_class{display:block;}
	.product .p_right{width:calc(100% - 30px); margin:0 auto; float:none;}
	.product .p_right h2{margin:20px 0;}
	.product{padding:15px 0;}
	.product .p_li{width:32%;margin-left:2%;}
	.product .p_li:nth-child(4n+1){margin-left:2%;}
	.product .p_li:nth-child(3n+1){margin-left:0;}
	
	#news .news_content .news_li .news_left .news_txt p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
	.news_r_bt{ height:109px; line-height:109px; color:#FFF; background:#f51923; font-size:18px; padding-left:20px;}
	
	.faqq{ width:100%; margin-top:30px;} 
	
}

@media screen and (max-width:768px){
	#mobilehead{background:url(../images/logo.png) no-repeat 10px center #FFF;background-size:auto 50px;}
	.p_class h2{display:none;}
	.p_class .p_class_li{width:calc(100% - 30px); margin:0 auto;float:none;}
	.product .p_content .p_li{width:48%;margin-left:4%;}
	.product .p_content .p_li:nth-child(3n+1){margin-left:4%;}
	.product .p_content .p_li:nth-child(odd){margin-left:0;}
	
	.youshi1 .ys_content{margin-top:20px;}
    #news{padding:20px;}
	#news .news_content .news_title span{display:inline-block;font-size:14px;position:relative;text-align:center;padding:0 10px;line-height:30px;height:30px;cursor:pointer;color:#3f3f3f;}
	#news .news_content .news_li .news_left{width:100%;}
	#news .news_content .news_li .news_left .news_txt p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
	#news .news_content .news_li .news_right{width:100%;margin-top:20px;}
	#news .news_content .news_li .news_right ul li span{ display:block;}
	
	.zq_bt{ font-size:20px; text-align:center; font-weight:bold; color:#f9f9f9; padding-top:30px;}
	.zq_sj{ font-size:15px; color:#f9f9f9; text-align:center; padding:10px;}
	.fd_2{ margin-top:15px;}
	.f3{ font-size:20px;}
	}

@media screen and (max-width:767px){
	.fawen .nav>li{ font-size:14px; }
	.fawen .xxbj .xz_1{ font-size:20px;}
	.fawen .xxbj .xz_2{ font-size:16px;}
	.zq_nr a{ border:1px solid #4061af; float:left; width:33.33%; position:relative; }
	.zq_nr .a1{ font-size:42px; font-family:Arial, Helvetica, sans-serif; color:#dddddd; line-height:20px; overflow:hidden; padding-top:45px;}
	.zq_nr .a2{ font-size:12px; position:relative; color:#dddddd; z-index:2; padding-bottom:30px;}
	
.news_l_nr{ width:80%; margin:0 auto; float:none; display:block;}
.news_r_nr{ width:80%;margin:0 auto; float:none; display:block}
.news_r_bt{ height:60px; line-height:60px; color:#FFF; background:#f51923; font-size:16px; padding-left:30px;}
.nr_p1{ padding-top:30px;}
.di_nav{ padding:20px 0}
.di_nav p{ margin:15px 0}	
.di_n_3{ padding-left:30px;}



}

/*500屏幕*/
@media screen and (max-width:499px){
	#mobilehead{background:url(../images/logo.png) no-repeat 10px center #FFF;background-size:auto 40px;}
	#mobilehead .nav_bg{top:70px;height:calc(100% - 70px);}
	#mobilehead .nav .nav_box{top:70px;}
	#mobilehead{z-index:9999;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);top:0;}
	.pb_title .sub_title{font-size:13px;line-height:22px;}
	.product .p_class{text-align:left;}
	.product .p_class a{width:48%;height:42px;line-height:42px;font-size:15px;text-align:center;margin-left:4%;margin-top:7px;}
	.product .p_class a:nth-child(2n+1){margin-left:0;}
	.product .p_content{margin-top:20px;}
	.product .p_content .p_li{width:100%;}
	.product .p_btn a{width:48%;margin-left:4%;}

    #youshibg{padding:20px 0;}

	.youshi1 .ys_content .ys_txt .ys_p{width:100%;padding:10px 10px;}
	.youshi1 .ys_content .ys_txt .ys_p p:first-child{font-size:22px;height:36px;line-height:36px;}
	.youshi1 .ys_content .ys_txt .ys_p em {    font-size: 24px;    color: #ffffff;    font-style: normal;     width: 40px;    height: 40px; line-height:40px;    text-align: center; background:#179a98;   border-radius: 50%;    display: block;    float: right;}
	.youshi1 .ys_content .ys_txt .ys_p p:last-child{font-size:13px;line-height:20px;}
	.youshi1 .ys_content .ys_li{height:40px;}
	.youshi1 .ys_content .ys_li .icon{ top:8px}
	.youshi1 .ys_content .ys_li span{font-size:14px;padding-left:10px;height:40px;line-height:40px;}
	.youshi1 .more_btn{display:none;}
	
	.info_title h2{font-size:22px;height:36px;line-height:36px;}
	.info_title i{margin:10px 0;}
	.info .info_btn a{width:130px;margin-left:10px;}
	.info .info_ul .info_li .info_p p:last-child{font-size:12px;letter-spacing:-1px;}
	#news .news_content .news_title span{width:32%;margin-left:2%;padding:0 0;font-size:14px;}
	#news .news_content .news_title span:first-child{margin-left:0;}
	
	.fawen .nav>li:first-child{ width:60%}
	.fawen .nav>li:last-child{ width:40%}
	
	.lc_ly a {    padding: 8px 20px;    font-size: 12px;    margin-left: 10px;}
	.about_bt{ font-size:20px; text-align:center; font-weight:bold; color:#f9f9f9; padding-top:20px;}
	
}


@media screen and (max-width:374px){
		.fawen .nav>li{ font-size:10px; }
	.zq_nr a{ border:1px solid #6c6b6d; float:left; width:33.2%; position:relative; }
	.zq_nr .a1{ font-size:42px; font-family:Arial, Helvetica, sans-serif; color:#dddddd; line-height:20px; overflow:hidden; padding-top:45px;}
	.zq_nr .a2{ font-size:12px; position:relative; color:#dddddd; z-index:2; padding-bottom:30px;}
}


@media screen and (min-width:768px) and (max-width:991px){

	#solutionbg .solution_c .solution_c_left{width:200px;}
	#solutionbg .solution_c .solution_c_right{width:calc(100% - 200px);}

}


@media screen and (min-width:668px) and (max-width:767px){

	#solutionbg .solution_c .solution_c_right{width:100%;float:none;padding:40px 0 0 0;}

}
@media screen and (min-width:500px) and (max-width:667px){
	.pb_title .sub_title{font-size:14px;}
	.product .p_class{text-align:left;}
	.product .p_class a{width:32%;height:42px;line-height:42px;font-size:15px;text-align:center;margin-left:2%;margin-top:7px;}
	.product .p_class a:nth-child(3n+1){margin-left:0;}
	.product .p_content{margin-top:20px;}
	.product .p_content .p_li{width:50%;}
	.product .p_content .p_li .p_txt p:first-child{font-size:16px;}
	#solutionbg{padding:25px 0 30px;}
	#solutionbg .solution_c .solution_c_left1 li{width:33%;}
	#solutionbg .solution_c .solution_c_left1 li:nth-child(3n+1){width:34%}
	#solutionbg .solution_c .solution_c_right{width:100%;float:none;padding:20px 0 0 0;}
}

@media screen and (max-width:667px){
	.pb_title .pb_cn{font-size:24px;line-height:42px;height:42px;}
}


@media screen and (max-width:991px){
	#navbg .nav .firstfloor>li{height:55px;line-height:55px;font-size:14px;}
	#navbg .nav .secondfloor{top:55px;}
	.index_banner{padding-bottom:40%;}
	#stylepbulic{height:200px;}
	#footbottombg{padding-bottom:55px;}
}

/*鐢佃剳娴姩*/
.izl-rmenu{
    position:fixed;
    right:0;
    bottom:10px;
    padding-bottom:10px;
/*    background:url(../images/r_b.png) 0px bottom no-repeat;*/
    z-index:999;
    width:72px;
}
.izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#FF9C00;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#FF9C00;text-decoration:none;display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;background-color:#FF9C00;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat;background-color:#FF9C00;}
.izl-rmenu .btn-phone .phone{background-color:#FF9C00;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}

/*鎵嬫満娴姩*/
#floatBottom{width:100%;height:53px;background:#8a8a8a;position:fixed;left:0;bottom:0;z-index:999999;}
#floatBottom a{width:25%;height:53px;line-height:53px;display:block;float:left;position:relative;}
#floatBottom a.kf1{background:url(../images/kf1.png) no-repeat center center;}
#floatBottom a.kf2{background:url(../images/kf2.png) no-repeat center center;}
#floatBottom a.kf3{background:url(../images/kf3.png) no-repeat center center;}
#floatBottom a.kf4{background:url(../images/kf4.png) no-repeat center center;}
#floatBottom .ewm{width:90px;height:90px;position:absolute;bottom:55px;left:50%;margin-left:-45px;display:none;}
#floatBottom .ewm img{width:100%;height:100%;display:block;}




.ovrly03 {overflow: hidden;    position: relative;    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);    -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);}
.ovrly03 img {    position: relative;    width: 100%;    top: 0;    left: 0;}
.ovrly03 .ovrlyT {    background: rgba(0, 0, 0, 0.25);    height: 100%;    left: -100%;    position: absolute;    top: -100%;    width: 100%;    -webkit-transition: all 0.3s;    -moz-transition: all 0.3s;    -o-transition: all 0.3s;    transition: all 0.3s;}
.ovrly03 .ovrlyB {    background: rgba(0, 0, 0, 0.25);    height: 100%;    left: 100%;    position: absolute;    top: 100%;    width: 100%;    -webkit-transition: all 0.3s;    -moz-transition: all 0.3s;    -o-transition: all 0.3s;    transition: all 0.3s;}
.ovrly03 .buttons {    position: absolute;    top: 50%;    left: 50%;    -webkit-transform: translate(-50%, -50%);    -moz-transform: translate(-50%, -50%);    -ms-transform: translate(-50%, -50%);    -o-transform: translate(-50%, -50%);    transform: translate(-50%, -50%); text-align:center}
.ovrly03 .buttons .fa {    background: rgb(256, 256, 256);    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);    -webkit-border-radius: 50%;    -moz-border-radius: 50%;    border-radius: 50%;    color: rgba(50, 50, 50, 0.9);    display: inline-block;    margin: 0 1px;    line-height: 40px;    font-size: 16px;    text-align: center;    text-decoration: none;    width: 40px;    height: 40px;    -webkit-transition: all 0.2s 0.3s;    -moz-transition: all 0.2s 0.3s;    -o-transition: all 0.2s 0.3s;    transition: all 0.2s 0.3s;    opacity: 0;}
.ovrly03 .buttons .fa1{   -webkit-transition: all 0.2s 0.3s;    -moz-transition: all 0.2s 0.3s;    -o-transition: all 0.2s 0.3s;    transition: all 0.2s 0.3s;   opacity:0}
.ovrly03 .buttons a.fa1{ font-size:14px; margin-top:15px; display:block; color:#FFF;}
.ovrly03:hover .ovrlyT {    left: 0;    top: 0;}
.ovrly03:hover .ovrlyB {    left: 0;    top: 0;}
.ovrly03:hover .buttons .fa {    opacity: 1;}
.ovrly03:hover .buttons .fa1{ opacity:1}
.ovrlyC{ padding: 15px 0; text-align:center; font-size:14px;}